<!--查看校区分析（分数段分布）-->
<template>
  <div class="paperprint-container">
    <div class="search-container">
      <div class="search-container-left"    >
          <div class="search-container-item">
              <span>学期: </span>
              <el-select
              v-model="xueqi"
              style="width: 121px"
              size="mini"
              placeholder="请选择"
              >
              <el-option
                v-for="item in xueqiList"
                :key="item.xqmc"
                :label="item.xqmc"
                :value="item.xqmc"
              >
              </el-option>
              </el-select>
            </div>
<!--          <div class="search-container-item">-->
<!--              <span>系别: </span>-->
<!--              <el-select-->
<!--              v-model="sqwe"-->
<!--              style="width: 121px"-->
<!--              size="mini"-->
<!--              placeholder="请选择"-->
<!--              >-->
<!--              <el-option-->
<!--              v-for="item in sqweList"-->
<!--              :key="item.value"-->
<!--              :label="item.label"-->
<!--              :value="item.value"-->
<!--              >-->
<!--              </el-option>-->
<!--              </el-select>-->
<!--            </div>-->
<!--        <div class="search-container-item">-->
<!--          <span>教研室:</span>-->
<!--          <el-input-->
<!--            style="width: 142px"-->
<!--            size="mini"-->
<!--            placeholder="请输入课程负责单位"-->
<!--            v-model="course"-->
<!--          ></el-input>-->
<!--        </div>-->
<!--        <div class="search-container-item">-->
<!--          <span>教员姓名:</span>-->
<!--          <el-input-->
<!--            style="width: 142px"-->
<!--            size="mini"-->
<!--            placeholder="请输入课程负责单位"-->
<!--            v-model="course"-->
<!--          ></el-input>-->
<!--        </div>-->
<!--       <div class="search-container-item">-->
<!--          <span>课程名称:</span>-->
<!--          <el-input-->
<!--            style="width: 142px"-->
<!--            size="mini"-->
<!--            placeholder="请输入课程负责单位"-->
<!--            v-model="course"-->
<!--          ></el-input>-->
<!--        </div>-->
         <div class="search-container-right" style="margin-right:123px">
            <div  class="search-button"  @click="selectByObjectFenXiSchool">
            <img src="../../../assets/assessment/icon-search.png" alt="" />
            <span>查询</span>
            </div>
         </div>

      </div>
      <div class="search-container-right" style="justify-content: space-between;">
         <div class="search-container-left">

           <div class="export-button" style="width:120px" @click="updateProfessional">
             <span  >查看评教结果</span>
           </div>
           <div class="export-button" style="width:140px" @click="resultReportCard">
             <span  >查看评教报告单</span>
           </div>

           <div class="export-button" style="width:180px" @click="optionalCourse">
             <span  >查看数据分析(专业课)</span>
           </div>

           <div class="add-button" style="width:170px" @click="professionalCourses">
             <span>查看数据分析(通识课)</span>
           </div>

           <div class="add-button" style="width:220px;margin-left:20px" @click="averageScore">
             <span>查看数据分析(教员平均得分)</span>
           </div>

           <div class="export-buttons" style="width:220px;margin-left:20px" @click="scoreDistribution">
             <span>查看校区分析(分数段分布)</span>
           </div>

           <div class="export-buttons" style="width:240px;margin-left:20px" @click="distributionCourse">
             <span>查看校区分析(专业课通识课分布)</span>
           </div>

         </div>

      </div>
    </div>
        <div class="table-container">
            <!-- v-if="!tableChangeFlag" -->
          <el-table
            max-height="600"
            :data="tableData"
            border
            style="width: 100%"
            class="table-data"
            row-class-name="row-class"
            cell-class-name="cell-class"
            header-row-class-name="header-row-class"
            header-cell-class-name="header-cell-class"
          >
            <el-table-column
              prop="xueqi"
              label="学期"
              align="center">
            </el-table-column>
            <el-table-column
              prop="scale"
              label="99-100"
              align="center">
            </el-table-column>

            <el-table-column
              prop="courses"
              label="课程总门数"
              align="center"
            >
            </el-table-column>
            <el-table-column
              prop="firstQuartile"
              label="第一四分位"
              align="center"
            >
            </el-table-column>
            <el-table-column
              prop="median"
              label="中位数"
              align="center"
            >
            </el-table-column>
            <el-table-column
              prop="threeQuartile"
              label="第三四分位"
              align="center"
            > </el-table-column>
              <el-table-column
                prop="mode"
                label="众数"
                align="center"
              >
            </el-table-column>
            <el-table-column
              prop="variance"
              label="方差"
              align="center"
            >
            </el-table-column>
            <el-table-column
              prop="calibration"
              label="标准差"
              align="center"
            >
            </el-table-column>
            <el-table-column
              prop="avg"
              label="平均值"
              align="center"
            >
            </el-table-column>
          </el-table>
       <div class="bottom-block">
    </div>

    </div>
     <div class="export-button" style="margin-top:29px">
        <img src="../../../assets/assessment/icon-export.png" alt="" />
        <span>导出Excel</span>
      </div>
  </div>

</template>

<script>
import {selectByObjectFenXi} from "@/api/teacher/admin";
import { reqGetXqList, } from "@/api/course/courses";

export default {

  data() {
    return {
      //审批进度
      checked:false,
      checkeda:false,
      showAddMessageRemark: false,
      showBackDialog: false,
      state:"1",
      course: "",
      xueqi:"",
      sqwrList:[],
       pjChecks: [
            {
              job: "教员",
              checkdate: "2021-06-04",
              time: "17：52",
              url: "icon-finish",
              text: "留言",
              state:"0",
            },
            {
              job: "教研室主任",
              checkdate: "2021-06-04",
              time: "17：52",
              url: "icon-dai",
              text: "操作",
               state:"1",
            },
            {
              job: "领导3",
              checkdate: "2021-06-05",
              time: "10：52",
              url: "icon-close",
              text: "操作",
               state:"2",
            },
          ],
       tableData: [],



    };
  },
  mounted() {
    this.getXqList()
    this.selectByObjectFenXiSchool();
  },
  methods:{
    async getXqList() {
      const result = await reqGetXqList();
      if (result.data.code == 200) {
        this.xueqiList = result.data.data;
      }
    },
    auditStatus(){
      this.state=2
    },
    RouterTo(){
       this.$router.push('/admin/planManagement/editPlanManage')
    },

    //查看校区分数段

    selectByObjectFenXiSchool(){
      let obj = {
        // scale: this.scaleManya+'-'+this.scaleManyb,
        xueqi:this.xueqi,
        scale: this.scale,
      }
      return new Promise(() => {
        selectByObjectFenXi(obj).then(res => {
          if(res.data.code == 200 ){
            this.tableData = res.data.data
          }
        })
      })
    },

    //  查看数据分析（专业课）
    optionalCourse(){
      this.$router.push('/leadership/InformationInquiry/optionalCourse')
    },

    //  查看数据分析（通识课）
    professionalCourses(){
      this.$router.push('/leadership/InformationInquiry/professionalCourses')
    },

    //  查看数据分析（教员平均分）
    averageScore(){
      this.$router.push('/leadership/InformationInquiry/averageScore')
    },

    //  查看评教结果
    updateProfessional(){
      this.$router.push('/leadership/InformationInquiry/updateProfessional')
    },

    //查看评教报告单
    resultReportCard(){
      this.$router.push('/leadership/evaluation/resultReportCard')
    },
    //  查看校区分析（分数段分布）
    scoreDistribution(){
      this.$router.push('/leadership/InformationInquiry/scoreDistribution')
    },
    //  查看校区分析（专业课通识课分布）
    distributionCourse(){
      this.$router.push('/leadership/InformationInquiry/distributionCourse')
    },


  },
  created() {


  },



}
</script>

<style lang="less" scoped>
.el-date-editor.el-input, .el-date-editor.el-input__inner {
  width: 90px;
}

.back-textas {
  margin-top: 33px;

  > div {
    display: inline-block;

    &:nth-child(1) {
      padding-left: 111px;
      font-size: 20px;
      color: rgba(0, 76, 167, 1);
      font-weight: bold;
      vertical-align: top;
    }
  }
}
.item_btn {
  width: 55px;
  height: 28px;
  line-height: 28px;
  background: #f1f8fe;
  border: 1px solid #51aef6;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.manual-entry-container {
  .el-dialog__body {
    > div {
      width: 1014px;
      border: 1px solid rgba(0, 76, 167, 0.8);
      border-radius: 6px;
      margin: 0 auto;
      > div {
        border-bottom: 1px solid rgba(0, 76, 167, 0.39);
        &:last-child {
          border-bottom: none;
        }
        > div {
          display: flex;
          > div {
            height: 96px;
            display: flex;
            align-items: center;
            justify-content: center;
            &:nth-child(1) {
              width: 80%;

              text-align: center;
              font-size: 16px;
              font-weight: bold;
              color: #004ca7;

            }
            &:nth-child(1) {
              height: 200px;
            }
          }
        }
      }
    }
  }
  .el-dialog__footer {
    padding-bottom: 43px;
  }
  .dialog-footer {
    > button {
      width: 91px;
      height: 36px;
      background: #fff6ef;
      border: 1px solid #f3b815;
      border-radius: 6px;
      background: rgba(255, 246, 239, 1);
      font-size: 18px;
      color: #f3b815;
    }
  }
}
.assessment-container {
  .export-report-container {
    .el-dialog__body {
      padding: 64px 0 64px 50px;
      .el-radio {
        margin-right: 79px;
      }
    }
    .el-dialog__footer {
      padding-bottom: 103px;
    }
  }
  .import-report-container {
    .el-dialog__body {
      padding-left: 165px;
      padding-top: 71px;
      padding-bottom: 60px;
      > div {
        > span {
          font-size: 18px;
          font-weight: bold;
          line-height: 20px;
          color: #004ca7;
          vertical-align: middle;
        }
        > input {
          width: 254px;
          height: 25px;
          border: 1px solid #004ca7;
          opacity: 1;
          border-radius: 4px;
          padding-left: 5px;
          margin-right: 8px;
          color: #004ca7;
          vertical-align: middle;
        }
        > div {
          display: inline-block;
          font-size: 18px;
          padding: 1px 10px;
          border-radius: 4px;
          vertical-align: middle;
          cursor: pointer;
          &:nth-child(3) {
            color: rgba(2, 200, 108, 1);
            background: #f1fff8;
            border: 1px solid #02c86c;
            position: relative;
            margin-right: 20px;
            > input {
              width: 0px;
              position: absolute;
              left: 0;
              opacity: 1;
              cursor: pointer;
            }
          }
          &:nth-child(4) {
            color: rgba(82, 48, 233, 1);
            background: rgba(235, 230, 255, 1);
            border: 1px solid rgba(82, 48, 233, 1);
          }
        }
      }
    }
    .el-dialog__footer {
      padding-bottom: 76px;
      .green {
        padding: 1px 17px;
      }
    }
  }
}
.export-button {
  background: #fff6ef;
  border: 1px solid #f3b815;
  width: 120px;
  height: 28px;
  line-height: 28px;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 3px 10px;
  box-sizing: border-box;
  > span {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #f3b815;
  }
  > img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }
}
.plan-entry-table-container {
  margin-top: 30px;
  .el-table td,
  .el-table th.is-leaf,
  .el-table--border,
  .el-table--group {
    border-color: #c7d7eb;
  }
  .el-table__header tr,
  .el-table__header th {
    padding: 0;
    height: 76px;
    background-color: #edf2f9;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 20px;
    color: #004ca7;
  }
  .el-table__body tr,
  .el-table__body td {
    padding: 0;
    height: 86px;
  }
  .el-checkbox__inner:hover {
    border-color: #004ca7;
  }
  .el-checkbox__inner {
    border: 1px solid #004ca7;
    border-radius: 0;
  }
  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #004ca7;
    border-color: #004ca7;
  }
  .el-checkbox__input.is-checked + .el-checkbox__label {
    color: #004ca7;
  }
  .el-checkbox.is-bordered.is-checked {
    border-color: #004ca7;
  }
  .el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #004ca7;
  }


  .lucj-import-button {
    .export-button;
    width: 116px;
    margin: 0 auto 12px;
    background: #f1fff8;
    border: 1px solid #02c86c;
    &:last-child {
      margin-bottom: 0px;
    }
    > span {
      color: #02c86c;
    }
  }
  .lucj-expot-button {
    .export-button;
    background: #fff6ef;
    border: 1px solid #f3b815;
    width: 81px;
    margin: 0 auto 12px;
    &:last-child {
      margin-bottom: 0px;
    }
    > span {
      color: #f3b815;
    }
  }
}
.pagination-block {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.paperprint-container {
  .el-checkbox__inner:hover {
    border-color: #004ca7;
  }

  .el-checkbox__inner {
    border: 1px solid #004ca7;
    border-radius: 0;
  }

  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #004ca7;
    border-color: #004ca7;
  }

  .el-checkbox__input.is-checked + .el-checkbox__label {
    color: #004ca7;
  }

  .el-checkbox.is-bordered.is-checked {
    border-color: #004ca7;
  }

  .el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #004ca7;
  }

  .export-report-container {
    .el-dialog__body {
      padding: 64px 0 64px 50px;

      .el-radio {
        margin-right: 79px;
      }
    }

    .el-dialog__footer {
      padding-bottom: 103px;
    }
  }

  .import-report-container {
    .el-dialog__body {
      padding-left: 165px;
      padding-top: 71px;
      padding-bottom: 60px;

      > div {
        > span {
          font-size: 18px;
          font-weight: bold;
          line-height: 20px;
          color: #004ca7;
          vertical-align: middle;
        }

        > input {
          width: 254px;
          height: 25px;
          border: 1px solid #004ca7;
          opacity: 1;
          border-radius: 4px;
          padding-left: 5px;
          margin-right: 8px;
          color: #004ca7;
          vertical-align: middle;
        }

        > div {
          display: inline-block;
          font-size: 18px;
          padding: 1px 10px;
          border-radius: 4px;
          vertical-align: middle;
          cursor: pointer;

          &:nth-child(3) {
            color: rgba(2, 200, 108, 1);
            background: #f1fff8;
            border: 1px solid #02c86c;
            position: relative;
            margin-right: 20px;

            > input {
              width: 0px;
              position: absolute;
              left: 0;
              opacity: 1;
              cursor: pointer;
            }
          }

          &:nth-child(4) {
            color: rgba(82, 48, 233, 1);
            background: rgba(235, 230, 255, 1);
            border: 1px solid rgba(82, 48, 233, 1);
          }
        }
      }
    }

    .el-dialog__footer {
      padding-bottom: 76px;

      .green {
        padding: 1px 17px;
      }
    }
  }
}
</style>
<style lang="less" scoped>
@import "../../../styles/paper-printsage.less";

.el-dialog__wrapper { ::v-deep .el-dialog {overflow: auto;height: 439px;}}
/deep/ .table-container {
  .el-table td,
  .el-table th.is-leaf,
  .el-table--border,
  .el-table--group {
    border-color: #c7d7eb;
  }

  .el-table__header tr,
  .el-table__header th {
    padding: 0;
    height: 76px;
    background-color: #edf2f9;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 20px;
    color: #004ca7;
  }

  .el-table__body tr,
  .el-table__body td {
    padding: 0;
    height: 86px;
  }

  .wrapper-button {
    display: flex;
    flex-direction: column;
    align-items: center;

    > div {
      margin-bottom: 8px;
    }
  }
  .table-data {
    width: 100%;

    border-radius: 9px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #004ca7;
  }
}

.paperprint-container .search-container .search-container-item[data-v-7e0d610f] {
  color: #004ca7;
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  margin-right: 90px;
}
.plan-entry-table-container {
  margin-top: 15px;
  .table-data {
    width: 100%;
    border: 0.8px solid #004ca7;
    border-radius: 9px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #004ca7;
  }
}
</style>
